<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" type="text/css"
	href="../resources/styles/common.css" />
<title>Store Administration - User</title>
</head>
<body>
	<!-- Header -->
	<jsp:include page="header.jsp" />

	<!-- Body -->
	<div class="body">
		<div class="container">
			<!-- PAGE TITLE -->
			<div>
				<h1>Store Detail</h1>
				<h3>Name of the store</h3>
				<!-- Url Back -->
				<div class="url-back">
					<table>
						<tr>
							<td><a href="#" title="Store list">Stores &raquo;</a></td>
						</tr>
					</table>
				</div>
				
				<!-- OPTIONS -->
				<div class="item-options">
					<table>
						<tr>
							<td><div class="btnEdit" title="Edit store detail"></div></td>
							<td><div class="btnClose" title="Delete store"></div></td>
							<td><div class="btnInfo" title="Page info"></div></td>
						</tr>
					</table>
				</div>
			</div>

			<!-- STATISTICS -->
			<div class="statistics">
				<!-- <p class="title">Statistics:</p>
				<table>
					<col width="10%" />
					<col width="20%" />
					<col width="10%" />
					<col width="20%" />
					<col width="10%" />
					<col width="20%" />
					<tr>
						<td class="label">Employees:</td>
						<td class="field">0</td>
						<td class="label">Deposits:</td>
						<td class="field">0</td>
						<td class="label">Items:</td>
						<td class="field">0</td>
					</tr>
				</table> -->
			</div>

			<!-- DETAIL -->
			<div class="detail">
				<div class="detail-left">
					<div class="box-img">
						<i class="middle">image</i>
					</div>
					<div class="box-img-options">
						
					</div>
				</div>
				
				<div class="detail-right">
					<table>
						<tr>
							<td class="name">Type:</td>
							<td class="value">Store</td>
						</tr>
						<tr>
							<td class="name">Address:</td>
							<td class="value">Maria Dragan 33a</td>
						</tr>
						<tr>
							<td class="name">Email:</td>
							<td class="value">info@meli-dance.org</td>
						</tr>
						<tr>
							<td class="name">Tel:</td>
							<td class="value"></td>
						</tr>
					</table>
				</div>
			</div>

			<!-- COUPLINGS -->
			<div class="cohesion">
				<div class="cohesion-tabs">
					<ul>
						<li class="selected"><a href="#">Produces</a></li>
						<li class="not-selected"><a href="#">Deposits</a></li>
						<li class="not-selected"><a href="#">Employees</a></li>
					</ul>
				</div>
				<div class="cohesion-content">
					<div class="container-right">
						<!-- SEARCH -->
						<div class="title">Search:</div>
						<div class=""><input type="text" />&#160;<img src="../resources/icons/Search16.png" title="Search" alt="Search" /></div>
						<!-- LIST -->
						<table class="list">
							<thead>
								<tr>
									<th></th>
									<th>Id</th>
									<th>Name</th>
									<th>Category</th>
									<th>Status</th>
								</tr>
							</thead>
							<tbody>
								<tr class="list-line-1">
									<td class="center"><img src="../resources/icons/ui-menu-icon.png" title="Menu" alt="Menu" /></td>
									<td>ID000001</td>
									<td>Test name</td>
									<td>Test Category</td>
									<td>Out of stock</td>
								</tr>
							</tbody>
						</table>
						
					</div>
					<div class="container-left">
						<div class="title">Options:</div>
						<table>
							<tr>
								<td>
									<div class="btnNewProduce" title="Create new produce">Create new produce</div>
								</td>
							</tr>
						</table>
						<br/>
						<div class="title">Find produce:</div>
						<div><input type="text" />&#160;<img src="../resources/icons/Search16.png" title="Search" alt="Search" /></div>
						<br/>
						<div class="title">Produce list:</div>
						<table>
							<tr>
								<td>
									<select class="option-select" multiple="multiple" size="16">
										<option>ID000001 - Name - Category</option>
										<option>ID000002 - Name - Category</option>
										<option>ID000003 - Name - Category</option>
										<option>ID000004 - Name - Category</option>
										<option>ID000005 - Name - Category</option>
										<option>ID000006 - Name - Category</option>
										<option>ID000007 - Name - Category</option>
										<option>ID000008 - Name - Category</option>
										<option>ID000009 - Name - Category</option>
									</select>
								</td>
							</tr>
						</table>
					</div>
				</div>
			</div>

		</div>
	</div>

	<!-- Footer -->
	<jsp:include page="footer.jsp" />
</body>
</html>